@charset "utf-8";
@import "common/reset";
@function r($px){
    @return $px/100+rem;
}
section{
    .sec-top{
        margin: 0 r(30);
        margin-top: r(30);
        border-bottom: r(1)solid #d2d2d2;
        .sec-top-lt{
            float: left;
            font-size: 0;
            margin-bottom: r(13);
            h1{
                font-size: r(30);
                color: #5c5856;
            }
            span{
                font-size: r(18);
                color: #8b8b8b;
            }
        }
        .sec-top-rt{
            float: right;
            margin-top: r(48);
            i{
                font-style: normal;
                font-size: r(18);
                color: #8b8b8b;
                display: block;
            }
        }
    }
    .sec-ct-img{
        width: r(580);
        height: r(280);
        overflow: hidden;
        margin: 0 auto;
        margin-top: r(16);
        margin-bottom: r(31);
        img{
            width: 100%;
        }
    }
    .cent{
        padding: 0 r(30);
        p{
            font-size: r(20);
            line-height: r(30);
            color: #8b8b8b;
            margin-bottom: r(40);
        }
    }
    .time{
        padding: 0 r(30);
        p{
            font-size: r(20);
            color: #8b8b8b;
        }
    }
    .add{
        border-top: r(25) solid #f5f5f5;
        border-bottom:r(25) solid #f5f5f5;
        width: 100%;
        font-size: 0;
        padding: 0 r(28);
        h1{
            margin-top: r(16);
            font-size: r(30);
            color: #5c5856;
            margin-bottom: r(17);
        }
        p{
            font-size: r(20);
            color: #727171;
            display: inline-block;
            margin-bottom: r(12);
        }
        img{
            width: r(20);
            height: r(25);
            margin-right: r(20);
        }
        .pt{
            width: r(24);
            height: r(24);
            color: #b60005;
        }
    }
    .brief{
        font-size: 0;
        margin-top: r(16);
        padding: 0 r(29);
        border-bottom:r(25) solid #f5f5f5;
        >h1{
          font-size: r(20);  
          color: #5c5856;
        }
        .man{
            width: 32%;
            margin-top: r(14);
            margin-bottom: r(18);
            float: left;
            .man-lt{
                width: r(87);
                height: r(87);
                float: left;
                overflow: hidden;
                img{
                    width: 100%;
                }
            }
            .man-rt{
                font-size: 0;
                margin-left: r(93);
                h1{
                    font-size: r(18);  
                    color: #727171;
                }
                p{
                    font-size: r(14);  
                    color: #727171;
                    overflow: hidden;
                    white-space: nowrap; 
                    text-overflow: ellipsis;
                }
            }
        }
        .man2{
            width: 32%;
            margin: 0 auto;
            margin-top: r(14);
            margin-bottom: r(18);
            .man-lt{
                width: r(87);
                height: r(87);
                float: left;
                overflow: hidden;
                img{
                    width: 100%;
                }
            }
            .man-rt{
                font-size: 0;
                margin-left: r(93);
                h1{
                    font-size: r(18);  
                    color: #727171;
                }
                p{
                    font-size: r(14);  
                    color: #727171;
                    overflow: hidden;
                    white-space: nowrap; 
                    text-overflow: ellipsis;
                }
            }
        }
        .man3{
            width: 32%;
            margin-top: r(14);
            float: right;
            margin-bottom: r(18);
            .man-lt{
                width: r(87);
                height: r(87);
                float: left;
                overflow: hidden;
                img{
                    width: 100%;
                }
            }
            .man-rt{
                font-size: 0;
                margin-left: r(93);
                h1{
                    font-size: r(18);  
                    color: #727171;
                }
                p{
                    font-size: r(14);  
                    color: #727171;
                    overflow: hidden;
                    white-space: nowrap; 
                    text-overflow: ellipsis;
                }
            }
        }
    }
    .sign{
        padding: 0 r(29);
        margin-top: r(21);
        a{
            width: r(593);
            height: r(86);
            background: #B20000;
            margin: 0 auto;
            display: block;
            font-size: r(34);
            color: white;
            text-align: center;
            line-height: r(86);
            position: relative;
        }
        a:after{
            content: ">";
            width: r(25);
            height: r(25);
            border-radius: 50%;
            background: white;
            display: inline-block;
            color: #b20000;
            position: absolute;
            top: r(31);
            right: r(200);
            margin: auto;
            line-height: r(25);
        }
    }
    .more{
        width: 100%;
        padding: 0 r(29);
        margin-top: r(33);
        a{
            border-top: r(1) solid #e6e6e6;
            display: block;
            font-size: r(22);
            color: #bbbbbb;
            text-align: center;
            padding-top: r(19);
        }
    }
}
